<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>Simple</title>
        <link type="text/css" rel="Stylesheet" href="jquery.validity.css" />
        <script type="text/javascript" language="javascript" src="../../js/jquery/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" language="javascript" src="../../js/jquery/jquery.validity.min.js"></script>
                <script type="text/javascript" language="javascript" src="../../js/jquery/jquery.validity.js"></script>
        <script type="text/javascript">
                                            alert("zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz");
            $(function() { 
                $("form").validity(function() {
                    $("#vehicles")
                        .require()
                        .match("number")
                        .range(4, 12);
                    $("#dob")
                        .require()
                        .match("date")
                        .lessThanOrEqualTo(new Date());
                });
            });
        </script>

        </head>
    <body>
        <form method="get" action="">
            Number of Vehicles:
            <input type="text" id="vehicles" name="vehicles" title="Vehicle Count" />
            <br /><br />
            Date of birth:
            <input type="text" id="dob" name="dob" title="Birthday" />
            <br /><br />
            <input type="submit" />
        </form>
    </body>
</html>
